﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="author" content="Jovan Brakus" />
<meta name="description" content="RandomizeR - decision beocme easy" />
<meta name="keywords" content="key, words" /><title>RandomizR</title>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<link rel="shortcut icon" href="img/favicon.ico" />
<script src="js/jquery.js"></script>
<script>
$(document).ready(function() {
            $('table tbody td').bind("click", function() {
                window.location = $(this).html();
                return false;
            });
});
</script>
</head>
<body>
<div id="wrap">
<div id="header">
<h2>RandomizR</h2>
</div>
<div id="content">
	<div id="msg">Ovo je probna poruka</div>
    <div id="left_column">
        <div id="popular">
        <table id="randtable">
			<tbody>		
                <caption>Most popular:</caption>
                <tr><a href="/bla"><td>Ona</td></a></tr>		
    			<tr><td>Ona</td></tr>			
    			<tr><td>Ona</td></tr>			
    			<tr><td>Ona</td></tr>			
    			<tr><td>Ona</td></tr>					
			</tbody>		
		</table>
        </div>
    </div>
    <div id="right_column">
    <form action="/" method="post">
        <div id="title">Make Your own RandomizR</div>
        <div class="row"><label class="col1">question:&nbsp;&nbsp;</label>
        <span class="col2"><input name="question" class="input" type="text" id="question" size="60" tabindex="1" /></span>
        </div> 
        <div class="row"><label class="col1">www.random.iz.rs/</label>
        <span class="col2"><input name="uri" class="input" type="text" id="uri" size="20" tabindex="1" /></span>
        </div>     
        <div class="row"><label class="col1"><h3>Options:</h3></label>
        </div>  
        <input type="hidden" name="optnum" id="uri" value="4">
        <div class="row"><label class="col1">1:&nbsp;&nbsp;</label>
        <span class="col2"><input name="opt1" class="input" type="text" id="opt1" size="40" tabindex="2" /></span>
        </div>
        <div class="row"><label class="col1">2:&nbsp;&nbsp;</label>
        <span class="col2"><input name="opt2" class="input" type="text" id="opt2" size="40" tabindex="2" /></span>
        </div>    
        <div class="row"><label class="col1">3:&nbsp;&nbsp;</label>
        <span class="col2"><input name="opt3" class="input" type="text" id="opt3" size="40" tabindex="2" /></span>
        </div>   
        <div class="row"><label class="col1">4:&nbsp;&nbsp;</label>
        <span class="col2"><input name="opt4" class="input" type="text" id="opt4" size="40" tabindex="2" /></span>
        </div>    
        <div class="row">
        <input class="submit" type="submit" value="Create" />
        </div>
    </form>
    </div>
</div>
<div class="clear"></div>
<br/>
<div id="footer">
	<p><img alt="Hosted by Google App Engine" src="./img/appengine.gif"/><a href="http://www.djangoproject.com/"><img src="./img/djangosite.gif" border="0" alt="A Django site." title="A Django site." /></a></p>
    <p>2008, Random.iz.Rs, coding: <a href="http://brakus.iz.rs">Jovan Brakus</a></p>
</div>
</div>
</body>
</html>